<template>
  <view>
    <Lampgoods>
      <view class="miaosha">
        <view class="left">
          <view class="letop">
            <view class="jianq">
              秒杀价
            </view>
            <view class="shengyu">
               已售{{goods_Detail.goods_Detailst.sold_count}}件剩余{{goods_Detail.goods_Detailst.all_count-goods_Detail.goods_Detailst.sold_count}}件
            </view>
          </view>
          <view class="prites">
            <view class="price">
              ￥{{goods_Detail.goods_Detailst.unit_price}}
            </view>
            <view class="delt_price">
              原价 ￥{{goods_Detail.goods_Detailst.discount_price}}
            </view>
          </view>
        </view>
        <view class="right">
          <view class="rigtop">
           活动已结束，期待下次活动
          </view>
        
        </view>
      </view>
   <view slot="goumaibut"  class="rightt">
     <view class="buy btn u-line-1">秒杀已结束</view>
   </view>
    </Lampgoods>
  </view>

</template>

<script setup>
  import Lampgoods from "/src/components/Lampgoods/Lampgoods.vue"
  import {
    ref
  } from 'vue'
  import {
    goodsStore
  } from "../../store/goods.js"
  const goodStore = goodsStore()

  const {
    goods_Detail,
    miaoshagoods
  } = goodStore
  //获取秒杀数据
  goodStore.getmiaoshagoods()
  const timeData = ref({})



</script>

<style scoped lang="scss">
  .miaosha {
    margin: 40rpx 0;
    background-color: #afafaf;
    height: 140rpx;
    display: flex;
    justify-content: space-between;

    .left {
      margin-top: 20rpx;
      margin-left: 20rpx;
      height: 40rpx;
      line-height: 40rpx;

      .letop {
        display: flex;

        // justify-content: space-between;
        .jianq {
          color: #fff;
          font-size: 30rpx;
        }

        .shengyu {
          margin-left: 20rpx;
          color: #fff;
          font-size: 20rpx;
          background-color: #666666;
          padding: 0 15rpx;
          border-radius: 10rpx;
        }
      }

      .prites {
        display: flex;
        justify-content: space-between;

        .price {
          margin-top: 20rpx;
          padding-left: 30rpx;
          color: #fff;
          font-size: 35rpx;
        }

        .delt_price {
          text-decoration: line-through;
          margin-top: 20rpx;
          font-size: 20rpx;
          color: #fff;

        }
      }
    }

    .right {
      margin-right: 10rpx;

      .rigtop {
        margin-top: 50rpx;
        font-size: 30rpx;
        color: #fff;
      }

     }
  }
.rightt {
        // border: 1px solid red;
        margin-left: 270rpx;
        font-size: 28rpx;
        align-items: center;
        .btn {
          text-align: center;
          line-height: 80rpx;
          width: 250rpx;

          color: #ffffff;
        }
        .buy {
      background-color: #afafaf;
      border-radius: 40rpx;
        }
      }
</style>